<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>邮箱登录</title>
	<link rel="stylesheet" href="./css/bootstrap.min.css">
	<script src="./js/jquery-3.5.1.slim.min.js"></script>
	<script src="./js/popper.min.js"></script>
	<script src="./js/bootstrap.min.js"></script>
	<style>
		body {
			background: url('./images/d1.jpg');
			/* 让背景图基于容器大小伸缩 */
			background-size: cover;
		}

		
		.a {background-color: transparent;
			border: 1px solid #ccc;}

		.app {
			position: relative;
			display: block;
		}
	</style>
</head>

<body>
	
		<div class="container mt-4 pt-5 ">
			<div class="row ">
				<div class="col-sm-12 col-md-3 col-lg-4 "></div>
				<div class="col-sm-12 col-md-6 col-lg-4 form-box a card p-4 ">
					<ul class="nav nav-pills nav-justified m-1">
						<li class="nav-item">
							<a class="nav-link active card-header" data-toggle="tab" href="#"><strong>邮箱登录</strong>
							</a>
						</li>
					</ul>
					<div class="tab-content">
						<div class="tab-pane fade show active " id="dl">
							<div class="card-body m-1">
								<form class="" action="index.html" onsubmit=" return a() ">
									<div class="form-group">
										<label for="loginEmail">邮箱</label>
										<input type="text" class="form-control" id="yx" placeholder="请输入邮箱">
									</div>
									<div class="form-group">
										<label for="loginPassword">密码</label>
										<input type="password" class="form-control" id="pwd"
											placeholder="请输入密码">
									</div>
									<div class="form-group ml-4">
										<input type="checkbox" class="form-check-input" id="rloginPassword" name="">
										<label class="form-check-label" for="">记住密码</label>
									</div>
									<button type="submit" class="btn btn-primary p-2 btn-block"
										id="loginButton">登录</button>
								</form>
								<div class="row mt-3 text-center">
									<div class="col-6">
										<a href="login2.html" class="app mx-1">
											<span>密码登录</span>
										</a>
									</div>
									<div class="col-6">
										<a href="">忘记密码</a>
									</div>
								</div>
							</div>
							<div class="float-right">
								<a href="register.html" style="font-size: 14px;">
									立即注册
								</a>
							</div>
						</div>

					</div>
				</div>
			</div>
			<div class="col-sm-12 col-md-3 col-lg-4 "></div>
		</div>

	</div>

	
	<script src="js/login1.js"></script>
</body>

</html>